<template>
  <div>
    <div class="footer-line" :style="'background:' + lc" v-if="lc != null"></div>
    <div
      class="footer t-a-c colFFF"
      :style="'background:' + bgc + ';' + 'color:' + fc"
    >
      <div>公司地址：广州市天河北路233号中信广场42楼</div>
      <div class="mTop10">公司总机：020 - 38773186 / 020 - 38864778</div>
      <div class="mTop10 f-a-j">
        <img src="../../assets/sthj/img/footer/ga.png" class="beian" />
        <a :style="'color:' + fc" target="_blank" href="https://beian.miit.gov.cn/"
          >粤ICP备17032245号-9</a
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    // 背景颜色
    bgc: {
      type: String,
      default: "#0CB06D",
    },
    // 字体颜色
    fc: {
      type: String,
      default: "#fff",
    },
    // 线背景颜色
    lc: {
      type: String,
    },
  },
};
</script>

<style>
.footer {
  margin-top: 35px;
  padding-top: 24px;
  height: 150px;
  background-size: 100% 150px;
  vertical-align: middle;
  font-size: 16px;
 
}
.beian {
  width: 18px;
  height: 18px;
}
.footer a:hover {
  color: #fff;
}
.footer-line {
  height: 8px;
}
</style>